www.iqbalkalmati. pees com = 
Vavaouripe mt uuu Gobi ite J JavaScript 


www. igbalkalmati.blogspot.com: Semi £le2z Le ny 


beta bee i? ee 
sta diae nf 
se He aN thee keh f ip 
Seth. awd ef 
PES Leieey Udit! po rinio 1? L Ai abe Sep Fp bol & 
we CF tee (eA dws d Sud 
Siti fret ius oil be Sete uparifen® Seay tot 
Bb Se AES oe 
wehflae 
Fie? (ve sbs elk newt dn yrsa si det ctet 
pede ste oP PN be Pd We? Gubfer? du 
sift PSSA Lider Gibby Ll muta” wih, 5b L pial de 
bebe ti gd np pS et SLI SSE MEA 
Serv EE SNG UE Mahe SH tel 2 6ST GES Fore eg IGE & 
cP S UIs pa 14 ea edn erutut_c db 
adh Shee IEG ww Koh hg bigud LLG, Are t Ph Goulle & 
BESS Rect APL2 colt pF Eade 


https: //chat.whatsapp.com/EFrs3 uGTgEm23 19kKOwfu2 1 ual 


https://chat.whatsapp.com/Ke9odWnuu7T9zRUGgY EcYV ute 


https://chat.whatsapp.com/IEIScejf7Xc0b| HjApSyxl Buel 


https://chat.whatsapp.com/J2HwtCI3 9spKjifu3aC6 li Auta 


https://chat.whatsapp.com/EFrs3uGTgEm23 19kKOwfu2 1 New Books 


https://chat.whatsapp.com/D9yLIpv8dL VJHLjuVNIAtk 2 New Books 


https://chat.whatsapp.com/I5dFInQasVTLemKrbpal bv 3 New Books 


https://c hat.whatsap p.com/Ggokw9DndA6 8GCuURnNA2H lacus 


https://chat.whatsapp.com/C1 IxpIX fws3JRqn8gSt3LZ 22eUls 
SES RA Sire nD eh Brie L LE sed Bret ute Shab t 
SEE Sib Sve tele pet PS 
0333-80333 13 0343-7008883 0306-7163117 
JUS soto a Ce d 
shee huey sees 
Hb ASEH 


www.iqbalkalmati. piogs por com 
VAaVQGOUIIPt i viuu WWW 5 


| Byer LiveScript¥ tava WAL 
os few 


Gel ee UU ya bres 6 ly le ULE i ees aed) Coeeant: U sabsecat ctgt 


ea Siol JavaScript_? 


sere 


J” bat Ulso! javascriptus\Javascript 2 Je. 


we Be pases" 


bch IBC RELLY 
sure Uru JavaScript 


tz xt Ape it4s J4\< JavaScript! 


Pi Lige eee UL fe Kel THcl ip Sig tet 


zy oo ae f hes 
wok é a oh = wth, 
-GES NBS Lee Ye He LG - 


= 


“| 
| 
eal 
al 
zal 
ml 
| 
‘| 
se 
Leal 
| 
| 
TT? a 
| 
| 
| 
| 
| 
| 
| 
“yl 
“| 
‘i 
| 
| 
*| 


www.iqbalkalmati.blogspot.com 
VaVaoSUIIpUME YUU KS OLY avice Heb 


~= FIUtxe Z+Notepad, Notepad ++:<2 £ite-freti x 


Google Chrome, Mozzila Firefox, Internet Explorer, 2 33ccemw li 
_s 2+ Safari, Opera, 


cL Pe VY AU LUE JavaScript in Urdu 


PL Fe PECL We Se b6 JavaScriptut_ CU JavaScript in Urdu 


oa 


= : 
| oe : | 
L 


www.igbalkalmati.blogspot.com: SPEUSE pee 2a 


4 


VAaVAGOUIIPtL Hi viuu nw 


X BO Vvee Heb 


[a aa a aaa a a A a a A aT a BOE a A BO aT a 


a3 
i A =! wz 
6 Deas sb YUsiSyntex & JavaScript 1 
8 Sieur! Methods £ JavaScript 2 
lf 8 t/FisComments U= JavaScript 3 
lf 9 SUtL’ Data Types £ JavaScript 4 
| 11 eee EHS Variables Ui JavaScript 5 
\ 15 eee ah ERS Functions U= JavaScript 6 
\ 18 t/J*i¢ String Method VU JavaScript 7 
24 ti Number Methods CU JavaScript 8 
if 25 v/Ukeiv Math Object UtJavaScript | 9 
| 28 oye eal (Ore ok om Events VU JavaScript 10 
if 31 Sul! Assignment Operators < JavaScript 11 
He 31 Sut’ Arithmetic Operator £ JavaScript 12 
37 Sut’ Comparison Operators £ JavaScript 13 
44 Sut’ Logical Operators “JavaScript | 14 
44 tke iv if Statement Ut JavaScript 15 
45 erie else Statement = JavaScript 16 
| 47 Uv ik' else if Statement U¢ JavaScript 17 
i 48 ee SU Popup Boxes VU JavaScript 18 
Uf 50 tei For Loop UtJavaScript | 19 
52 tei while Ut JavaScript | 20 
53 t/ 6 do while UtJavaScript | 21 
55 t/ U6 Switch & Case Statement Ut JavaScript 22 


PT PT 


www.iqbalkalmati.blogspot.com 
VaVGSUIpPUME YIUU SS OLY avice 7 Heb 


59 t/Ui6 Return Statement Ut JavaScript 23 


Je i'¢ Break & Continue Statement VU" JavaScript 


63 elias Type ConversionU= JavaScript 


eel cal 0) y 


site ue ’ Cookie U= JavaScript 


f= DOM Us JavaScript 


94 f=! BOM UJavaScript | 29 


m2 
i 
1 
U-- 
H 74 tui Date and Time = JavaScript 26 
1 


tei Console! log( ); = JavaScript 


Ui Timing Events. JavaScript 


\ 112 Lr es At JavaScript | 32 


bog ¢.Calculator CU JavaScript 


LF & Temperature Convertor —f\U* JavaScript 


fain iain etiam 


www.igbalkalmati.blogspot.com:U/ Se nSiZe 2a 


www.iqbalkalmati.blogspot.com 
VaVaSUIIpUME YUU KS LY aviee Heb 


| Syntex | 
m -UU CNet £ JavaScript Cut fA ke 
pone st L OL 8 <seript>.4' L <body>t<head> CHTMLA2 2 ts ilove’) 
| ure ia sat 
<script> JavaScript Code Here </script> 
| -Lyhi fi Atel tly <6 JavaScripte.» ZU re/bs | 
| <script> | 
| document.write ("this is my first Java Script Code"); 
| </script> 
byt Turek A> ct <body>\<head> SL <script> Ux iS 1 a Le| 
| wot ifn wea sy LT LBS pS MS Gr F 

| ~ UE <script> KL fi Set soi 2X Lhe ltg r/o Ser tvL<seript> 
| KI Ek 43 ail 
Be ~i \y can %-ECU ee bE | 
| WRN TL Se tet 2 BU JavaScriptfe “| 
| adh Lr i§ Reb 7 6 DOM 44-2 ‘uit document. writel 
~Lse%) 
| ALS "document" ee a i 
Zz LL wt TGS JavaScript “cts Bead 


." (dot) 
ail 


www.iqbalkalmati. blogspot. com 
VAaVQGOUIIPt Ht viuu AWW + 


ne 


document.write ("this is my first Java Script Code"); 


document.write (555): 


rif oie vat, Ufletters & F*string Lee Wl "OL Ai 


¥ of Su we f 
ee FSO Oe. ic numbers 6 al 


this is my first Java Script Code 


555 


ee 
lent 
| 
| 
| 
| 
| 
| 4 
Fe 
Lv 
| 
| 
| 
| 
| 
| 
| 
| - 
| 
| 
| 
| 
| 
| 
L 


a 


www. igbalkalmati.blogspot.com: VU. SLING (fee 21, ? 


www.iqbalkalmati. piogs por com 
VAVQGOUIIPt Hi viuu WWW 5 


== 


Methods 


ope ic i-s4i(Interal) f ie Sta LL AA UHL Ea ‘ JavaScript 


Sat PE MEL <script></script> 1 FFs SLHTML A Fai (External) 
f 


LEIS UBody Head ose SLEE HTML ae UE Script-t Boil 


& 


ay 


z EUS ut the Ki GL (2 £ JavaScripté ta LLG 


stig eg 


USF L POSE jsontey ul nels Site tL JavaScripts us 2L 


JavaScriptjs | 
et A Me 2 476 Ste OLE Scriptil Ee SE aidiants Site f\ af 


Jeu, 


SE AIEHTMLE 8H Fe rusige. lial salmaaa UTS »Pathbyus! 


Ge cetnee: ete Kea al Joe) 


<script src="javascript.js"></script> 


Comments 


SLz7ntly 7 RL Kitty GPW BLY mh ObLielrsy 


v 


| 
wos owe 


©, 


Fog CSSAHTMLE User < Wistar iH ped ecu S PLS ie x 
E WAGE JavaScript? AsiZ <4 


Pinte 4 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 2é. 
ls 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
L 


www.iqbalkalmati.blogspot. com 
VavaouUIpUME YUU SS OLY aviee Heb 


P ae - ¢ ‘ Pa 
CLONE eel dS ell 


I* This is my first javascript code 
and | am learning Javascript comment class with 


| | 
| | 
| | 
| | 
| | 
| | 
| 
| | 
| | 
| | 
| | 
| | 

| 
| Muhammad Danish Irshad */ { 
| | 

| 
| | 
| | 
| | 
| | 
| | 
| 
| | 
| | 
| | 
| | 
L 


Data Types 


,#< sentence Letters pay siLJavaScript :String ¢ 


Mm, Os ne 


Uiletters +, al ge tebOid foie i string 


~-2 Key 


= siL JavaScript ‘Integer (Fr 


www.igqbalkalmati.blogspot.com: Sensi £2 tr a7 


www.iqbalkalmati.blogspot.com 
VaVaoUIpUME YUU SN OLY Laviee 7 Heb 


document.write (00923142018202); ode 


Li Nt WAS f  Boolean-.7¢ Git NowVes i asiZyi -Boolean «| 


4 


7 oA 6 
silly ¢£ Booleanuiia yr EL documenturites Jet 5 YORE wr AK Uri 


a TUttruec inh bh S de 10K OL S Wey “CBoctean| 


document.write (Boolean (10>9)); oi lef 

SL KIB ey Lor E Gen Lk treet ‘Array cf 

/ me JusiMango, Apple, Orangeys sso Pete ye pth Zend 

ul HSL Ly cL fruits — f Tasihs? Sys Zu L document, cite 
Wile Wot ee Sided Senge Wes bE woe bed vee Je | 
-c txts 220 ity siL JavaScript os are Ges four 

var Fruits = ["Mango", "Apple", "Orange"; Je 


document.write(Fruits[0]); 


LAR Bt o-utr ETF te w£ PE nd neh? 


é 


spines Made:2015, Us vib SOS a “bbe ky o— ptLcartiZ UPS | 


:Object (6 


6, ad 
oe cca Trailer sil yy “document.write A wvsicolor:"Red 
oe 


ELMS See tht UZ Array, sobjects= tJ VAS pte sd 


of 
i 


Sabet Raiser typevsitype Cit iteed IS bic LI type: — 


aad 


Eo bho len Sobel Farrar’ type usitype s+ 0407 Lt, See Lid eS me 


L 


i a ale 


Kearsfigd Ae af tobject ys 2 bbe tO Ute Feiler O88 


www.iqbalkalmati.blogspot.com 
VaVGSUIIPUME YIUU SS OLY alice Heb 


Aw 


x “iL type 8 ‘ems 


Yo -UsArray He: she ste Uke! LOL < DE: Ut Array iobject- 67 


var car = {type:"Farrari", Made:2015, color:"Red"}; it 


document.write(car.type); 


Variables 


A, «# 
ted. 


re 
| 
| 


* & an 
j 


ate! variable- Lurgie AL (Variable fut ie! 


Fb sey t Ji Algebra)i 2! 


X#ty=Z 


yy 


<j, Gb 
variables U Asie 


wo wn & 
sens 


= 
2 


| 
| 
LE 


www.igbalkalmati.blogspot.com: Sensi £2 pr sf 


nat Ue ” semi- -colonu: nr ae 


wh b Setiisen titi Statements+:semi-colon Usb: nied ; 


document.write ("I am writing a JavaScript Code"): 


 (eisemi- colony i403 


BSF Enory LP vle ghisx 


document.write ("hello world") | 


~GEL ees 
Urde Sled variables-UutZ TAS variabless (se! | 
Cb LG 6 4e!! Global variables= | 

Se a Pw ihe be Boe ARE 


avaScript““U-variables “2 Us*— UsJavaScriptt Ase 


ty xh fu SSeS EVariabled ELE Symes wet) 


“ (22 


Sl ee Lt a TG 
Son FA ted yutixe Sree Ciosmoies Szaig of J 


LES Mm he ASS alb,c, desk “J 


Le 


CELSO 


! POL al 


Petty belin ® Kus Pica | 


(ges =" variable ‘Utz > —! m4 


ae 
| 


boris Ke letter Voit Pot ( 


www.iqbalkalmati. blogspot. com 
VAaVQGOUIIPt Hi viuu WWW + 


-2ur 


Ue Pats uadiabien fe lameBotigt. LU: 


mae br Reserve- -Keyword 
=" we +706 variable Liz * Keyword a 6Var ke ‘é Sy 


ret Assign Operator=i“U JavaScript 4 U¢ “equal. EI edt 6 equal 


Lyte variable fail o£ equal Seyi hoL LU Se 


~ st /ivariable PEnd 


var my_var_name = "write the value of variable” ; 
bod k wwe ft, ve r | “wk Sf 
Cet keywords Utz tie -< Ui keywordé vari US az re! Tot 


‘ talicsiboldi LLY 


5 tL Ne 
ee MS Hee 


hel sds anttd eatin var_name 


AsstringtiidLourl ize tel LJ Asignt +! variable 2 Wut 6 vine Je 


Shed iUtletterss+. FeiLlsy wre 


~£ «1 utvariable ~ téisemi-colon 


0 ae 
nb tete pet ying 


| statement tf fii semi-colon" ;" Pak ikeil¥ JavaScriptd-Lletter 


wite iL A smy._ var_name + “7 tu" ‘Poon dL Au el UL EL eared 


| write the value of <= Al —b2/4/ 8! semi-colon ts wf the value of a 


I cca i ihe 


www. igqbalkalmati.blogspot.com: Ufenstid £2 tn ? 


www.iqbalkalmati. blogspot. com 
VAaVQGOUIIPt Hr viuu WWW + 


ers Saal 


ae re Ao si Pahoa ez thle J 
i Jie keywordfUt i= UA SEIS MILIAN EA pr 
os oi Cit variable # ‘t: keyword 2 viLylont Lf JavaScriptee 


- foe 7 vr bie Pe 
Loser e ox ba ik Fiske Rewtb Abu fa Lesion yh fl keyword’ Var 


Ke 


UsJavaScript-— 7 Zeb BPS AL Co Nee keywords S47 


Weiss sib 3t,variables keywordt, mest eth ff Ji¥ variables 


~h ews ze Pig eusibe 4 a bute yHibe balun “xX LY be 


BN 


Gey xh CHEM he, (se = tl2ti Ass stad 641 silks Ps! 


bb ti key 


4 DiS & 7 
ONG PML ree renee 


‘ai ~ **. | oF 
tL2ein rue 


eA 


6 document.write ZL show sik 


K 


Behl in 


BR 


-£u, is/ shows Eee l, b 


<script> 
x=5: 
y=6: 


Z=xty: 


| 
L 


www.iqbalkalmati.blogspot. com 
VaVaSUIPUME YUU SS OLY Laviee 7 Heb 


document.write ("this is the answer of z =" + 2): 


</script> 


~ftL/ kik. (dod abit Iead u Fe Ieee 


ri 


AUK 


this is the answer of z = 11 


Functions 


auicnx ene aba xuser definey 


kay Arby vi peers resents “tfunction ua Lk key 


phe bat eit 


‘function function-name ( ) { } 


<i document.write function 


| 
| 
LE 


www. igqbalkalmati.blogspot.com: SPEUSL (pee 210 af 


www.iqbalkalmati. blogspot. com 
VAVGOUIIPtL HT viuu WWW 5 


testing uci ily) erie a aocnest: write( )riCekiglie 


hte Nes wt ee 7? "Hello world" 


function myfunction ( ) { 
document.write ("Hello world"): 


} 


26 x 
iwc bvuty user define Us 


Show Pr fee '— Us fey 


document.write ("Hello world"): 
} 


myfunction ():. 


Ge 


Ew b6 tes Lun ee 


“ 


| 
| 
function myfunction () { | 
es 


www.iqbalkalmati.blogspot.com 
VaVGSUIPUNE YIUU KS OLY aviee 7 Heb 


btu tke Pie ReLS bye Wi ZFS ide GOHTML 
eS be raid : JavaScript z oie Ase display_date 


2 Ace a intbais Fsdocument.getElementByld() : 


LOL HTML pn de BLM olay ves 4 


oa At 


+4 i, 
Te ike alte HEL Ey “| 


E £ Attribute Z ld 5 Uisiean Y-GSE 4 HTML A= document. sienna | 


NBL bask SUL BL Tacit =| 


y 


. doth fiewls fy 7 document.getElementByld_= #7 Uf 7% aes 


= $/innerHTML S22 tL L viele due Lyi S Rll wie Lp of 


é Lu LEY epee bain SS LHTML? fe Nt ae 


ram 


function display_date( ){ | 
document.getElementByld ("changedate") . innerHTML = Date (): 


i | 
Lids E/N Ee <p> SeLHTML és iy uy Jet 


LY JN ‘Attribute (S-1e" omen * t.buttont ess i= ¢tL changedate 


en A sig Lut dey Abily *¥tLonelick 


<p id="changedate">Welcome to this site</p> 


<button onclick="display_date ():">Click Here</button> 


Ue Niele 


| Lif tetEy’ Ey ate); ed Y Assigns + SP =LL ptDate (4 innerHTMLE 
L 


www. igbalkalmati.blogspot.com:/ fengtid Le to af 


www.iqbalkalmati.blogspot.com 
VaVaoUIIpt ni viuu A LOW Nee 


| 
| 
He: 
| 
iE 
NP: 
ie 
Is 
ik 
ie 
Ne 
| 
| 
] 


Welcome to this site 
Click Here 


ME sty 


Sat Sep 12 2015 03:12:05 GMT-—0500 (Pakistan Standard Time) 


Click Here 


String Method 


Stk eb WL String Our 


S, Jee bs ee persirie 


var carName1 = "SERCI 360"; 
var carName2 = 'Serci 360’; 
document.write (carName1+"<br>"+carName 2) 


re bo CSL evel et carName2icarName1 Circ hyd Asi! 


Cc 


bs Sy 4iL document.write Jose tbe fe ah AE 
ase A, 

SERCI 360 | 

Serci 360 | 


nnn stn ee en re ne nn ee eee te ee ee ne ee ee eee Se ne eee eee eee ee eee eee 


| 
| 
L 


www.iqbalkalmati.blogspot.com 
VaVaoUIpUME YUU KS OLY alice Heb 


J deter! 
= ues 


Be AL Ve dostring Ss Ute WE EH Mie txt, length “Us J fer Fie 


oat 


<p id="txlh"></p> 


Ute thle idfe pt Lcth seid iL eit Oe pike lL fu 


<script> 

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
document.getElementByld("txlh").innerHTML = txt.length; 
</script> 


i (He Ul ype ( tlt é (- Pear 


| 
~e bye Lb 4 
| 


Ev AL VE scripth a 


. 


Wore tenth il fe Les iv document.getElementBY Id 


’ 


SRI GL Lpd! usi< document. yoiblomartV ide ELS Aw =a wiz 


a3 tore 


BY Farr fe Gb 


6 putt il tt. lonnsics eth le innerHTML ais dF _ 
U Sine sedi of innerHTMLe bt cette | 


of Lp! txt. lengthZ uZ bag SKS ‘2 Pate Le, a Paw f 6 Sak Hob x bee 


be AS KU= 


~ bp LY v4 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
L 


nian inclilaineisarae anlainaisiinicaiemacninianinieneiiannineiainaiawaaal 


www. igbalkalmati.blogspot.com:/ fengstia Lepr af 


www.iqbalkalmati.blogspot.com 
VavaoulpUmh yuu RN LY vice Heb 


| 
| 
| 
J 


wh sf 7? f - Cet 2 mw Is, & 
~Un 3 - Lo PSB 4/372 % (‘= Jes '/ 


yi 


<button onclick="myFunction()">click to Upper Case</button> 


<p id="upcase">Hello World!</p> 


vos ow cr fy a ee | , 3: 4h ior 
eC Ret SY Je6 event Z onclick tu sibi MOL fie we Jui 


isle ue thie Lt.Function? = ti myFunctionL ¢ iL onclick-& 


Sid (uate l epoik Ful yic tH! Click to Upper Case2 < Details 4 


<script> 
function myFunction() { 
var text = document.getElementByld("upcase").innerHTML; 


document.getElementByld("upcase").innerHTML = text.toUpperCase(); 
} 


</script> 


ee eae - : a ae, 
Wk pil YisatomyFunctionti Cuil ve scripth Aly 


U upcase si uid document.getElementBY Iddort- ital 


-< b" Hello Worldld esi is! re] wes 


LAGE Hie 48 document.getElementBY Id CML A Gn erY 


wits’ concadinate “LL innerHTML ak fe Asif: id upcasest a 


; 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
L 


in a a A ata SE es 


www.iqbalkalmati.blogspot.com 
VaVaSUIpPUME YIU SS OLY aviee Heb 


a a A a a A aE a A BE a BEF a 


of innerHTML} 


;==—. 


iy LtoUpperCase(); LZ iF. Ue texte ee 


Sorts £7 concadinate 


LS bie ee ee i I Sua! 


Un»! Lok we lt 
click to Upper Case click to Upper Case 
HELLO WORLD! Hello World! 


<toLowerCase(); Lb CiiopaCanst:i. Puligke 


ry 
bea 8 
Ma 
ee 


~ € 


<button onclick="myFunction()">click to Lower Case</button> 


<p id="lowcase">Hello World!</p> 


& ” 


WU Se Uric lowcase sulk upcase ts tbee 


<script> 
function myFunction() { 
var text = document.getElementByld("lowcase").innerHTML; 
document.getElementByld("lowcase").innerHTML = text.toLowerCase(); 


} 


</script> 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
L 


i. 


www.igbalkalmati.blogspot.com: 7/2 150i Le 17 


www.iqbalkalmati.blogspot.com 
VaVaSUIpPUME YUU ON LY aviee Heb 


wot £ 4 


| re am if = 5 5, od 7 w }- kau : 
~e nL LAR te “le WalH SOEs AR Sb S| 


wt LN Ke 


click to Lower Case click to Lower Case 


hello world! Hello World! 


<p id="cpos"></p> 


be scposd fit id yuri seid ui L sibs Ue poi iki Keds re 


var str = "HELLO WORLD"; 
document.getElementByld("cpos").innerHTML = str.charAt(2); 


</script> 


2% »S HELLO WORLDE:e ot ile Kyte tLstrh iil 
}' ose dy SAF Ue CZ 6y, fe 


Je fete lt 


5 
Ure Sikkune 


oa 
j 
» 
S 
= 
( 
as 


© 


Asicposhic 37 thy! u ok: be Ai id Sul! et Wiy®L document. getElementBY Id 
id str.charAt(2) ssc ssa” innerHTMLv+!l:/ concadinate “t-.innerHTML fyi 


uke We uf Qiale L concadinate “t-< charAt() =! lo Frye ist h AL 


Omer) 


G. 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| <script> 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 


L 


www.iqbalkalmati.blogspot.com 
VaVaSUIPUME YUU NS OLY avieg 7 Heb 


oh 8S LUIHELLO WORLD SC alt Lele F8LF Wad AL ULds 7 
-xHz 20a £ L2ftin§ Lo le Gnbs te 087 1£ JavaScript 
Jars S63 75 7 Un dete 


as; A Neif charCodeAt(); ic z (oy sly { 


<p id="chcode"></p> 
Be gid S76 UL Ui Usicheodeb yt dO rusts Le poked ASO 


<script> 
var str = "HELLO WORLD"; 
document.getElementByld("chcode").innerHTML = str.charCodeAt(0); 
</script> 


‘ 


cbf Wipes 


Wy ri 


& charCodeAt(); 6 charAt()+ she SAW Ide LOUD 


K—ursymbolstit 22 ts sk ete Tle 6b ry PCS ee 


2 ry 5 
S708 fs er ers 2bd We Ulywle ¥ frat Qin Qs 


= HuUZ2Ae < SUL 


a in aa a a 


www. igbalkalmati.blogspot.com:/ fengstia Le to af 


www.iqbalkalmati.blogspot.com 
VaVaoSUIpUME YUU SN LY Laviee Hebe 


~< T2346H7 


-ut Lui (backslash) \ nh Lf6NFELNEL oan escape t= 7! 


Numbers Method 


212123454 


eo bGepthleLyUy 


var x = 34.00; 
var y = 34; 


document.write( x + "<br>" + y ); 


v 3 


SF bbsdecimal ey iy’ ~2 Uxetz decimal A Skedecimalut yi bye 6! 


| 
| 
\f 
| 
| 


www.iqbalkalmati.blogspot.com 
VaVaSUIpUME YUU KS OLY aviee 7 Heb 


>5f p SR AS Eo Shae Ke wo Se & pli CS, Ok 
NaNeioy Rots (APES ASVL AOU Pte k oA 
USL 6ET 


document.write( 100 / "Apple" ); 


E bry bY! 


Math Objects 


Pye tL yi Math Auk, 
\ 


eet ree (Ly org o 


Lee Ce 
LL fuss EH", 


document.write(Math.random()); 


eSB ihe let 


0.22974724345840514 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
L 


| 
| 
LE 


www. igqbalkalmati.blogspot.com: Uj” fengstia Le tr sf 


www.iqbalkalmati.blogspot.com 
VavaouIpUME YUU SS OLY aviee Heb 


$ ie. tee ZL oy, peek Jee BUG pe, ; 1 Nyt lo Pi ties ‘Math.random(); 


document.write(Math.random() / 11); 
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document .write(Math.round(4.4)); 
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var XxX = 5; 


vary =5; 
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var y = 3; 


document.write(x / y): 
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var x = 5; 
var y = 5: 
if (x == y) { 


document.write("The two variables are equal"): 
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Equal to Type 


=== Equal to Type 
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var x = 5; 


vary =5: 
if (x === y) { 
document.write("both variables have same DataType and Value"); 
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var XxX = 5; 
var y = 6: 
if (x == y) { 
document.write("variable x and y has not same value"); 


} 


var x = 5; 
var y = "Hello"; 
if (x !5=5 y) { 
document.write("variable x and y has not same Data type"): 
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if (x <y) { 
document.write("value of the y is greater then x"); 
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var xX = 5; 

var y =4: 

if (x >y) { 
document.write("value of the y is Less then x"); 
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var xX = 5; 
vary =5: 
if (x >= y) { 
document.write("Value of the variable y is Less then or equal to x"); 
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var Xx = 5; 
var y = 8: 
if (x >= y) { 
document.write("Value of the variable y is Less then or equal to x"): 
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vara = 12; 


var b = 15; 
if(a<b ){ 
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if you have a bike go to bazaar 


else 
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vara = 12; 
var b = 10; 
if(a<b ){ 
document.write ("if you have a bike go to bazaar"): 
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else { 
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var b ='10"; 


document.write ("if you have a bike go to bazaar"); 
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var name = prompt ("Please enter your name" , "Danish"); 


document.write ("Hello, " + name +" Welcome to our site"); 
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document.write ("You Pressed Ok!"); “| 

jelse { | 

document.write ("You Pressed Cancel!"); | 
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var x=1; 


while (x<10) { 
document.write(x): 
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var x=1; 


do { 
document.write(x): 
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} While (x<10) 
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var x=10: 
do { 
document.write(x): 
Xt; 


} While (x<10) 
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Switch & Case 


oY 6 switch & Case 
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var name = ‘asif'; 
switch (name) { 
case ‘asif' : document.write (‘Hello Asif"): 


break; 
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name = ‘asif': 


switch (name) { 
case ‘asif' : document.write (‘Hello Asif’); 
break: 
case ‘Danish’ : document.write (‘Hello Danish’): 
break: 
case ‘Junaid’ : document.write (‘Hello junaid’): 


break; 
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name = ‘ahsan; 


switch (name) { 
case ‘asif' : document.write (‘Hello Asif’); 
break: 
case 'Danish' : document.write (‘Hello Danish’); 
break; 
case ‘Junaid’ : document.write (‘Hello junaid'); 
break; 


defult : document.write (‘There is no match’); 
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switch (new Date().getDay()) { 

case 0: document.write(" Today is Sunday"): 
break; 

case 1: document.write("Today is Monday"): 
break; 

case 2: document.write("Today is Tuesday"): 
break; 

case 3: document.write("Today is Wednesday"): 

break: 

case 4: document.write("Today is Thursday"): 
break: 


case 5: document.write("Today is Friday"): 


case 6: document.write(" Today is Saturday"): 


break; 


} 
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function myfunction () { 


return ‘Getting return’; 
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function myfunction () { 
return ‘Getting return’; 
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function myfunction () { 


return ‘Getting return’; 


} 


document.write(myfunction ()): 


>. %G 
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Getting return 
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for (x=1; x<10; x+#){ 
document.write (x+ '. number line <br>"): 
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for (x=1; x<10; x++#){ 
if (x == 3) {break:} 


document.write (x+ '. number line <br>"); 


} 
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1. number line 


2. number line 


kc HAE continuert 2 A si6 breakli-6 1 
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for (x=1; x<10; x++){ 
if (x == 3) {continue:} 
document.write (x+ '. number line <br>"); 
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. number line 
. number line 
. number line 
. number line 
. number line 


. Number line 
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Type Conversion 


wet Op 0 tthe SF USL L Javascript iil yi 
<p id="ctype"></p> 
<script> 
document.getElementByld("ctype").innerHTML = 
typeof "Danish"; 


</script> 
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<script> 
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document.getElementByld("ctype”).innerHTML = 
typeof 3.14; 


</script> 
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<p id="ctype"></p> 


document.getElementByld("ctype”).innerHTML = 
typeof NaN; 


</script> 
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| <script> 
document.getElementByld("ctype").innerHTML = 
typeof false; 


</script> | 


boolean 
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-bs S object! 
<p id="ctype"></p> 
document.getElementByld("ctype").innerHTML = 


</script> 
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typeof [1,2,3,4]; | 
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| 
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| <script> 
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<script> 
document.getElementByld("ctype").innerHTML = 
typeof {name:john’, age:34}; 


</script> 


object 
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<p id="ctype"></p> 
<script> 
document.getElementByld("ctype").innerHTML = 
typeof new Date(); 


</script> 
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<script> 
document.getElementByld("ctype").innerHTML = 
typeof function () 9; 


</script> 


He YES! 


function 


Yo 


-o hese he, ee ly AL Mote § smyCartst, HIS sues orem (usiE! 
_¢sundefined ela epee Me Ve ih adel k SER 


<script> 
document.getElementByld("ctype").innerHTML = 
typeof myCar; 


</script> 


~ WK SI 
= pb 


Venti JavaScripty™ ‘SF nulle § whee bile CAS myCard Asilyi 


| 
<p id="ctype"></p> | 
| 


bay 


-Berobject tb Wie Bai inull 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
- 
L 


Ee Ee ee EEE 


www.igbalkalmati.blogspot.com:U/ fengtia Leto sf 


www.iqbalkalmati.blogspot.com 
Vavaoupumt vu RN LY vice Heb 


<p id="ctype"></p> 
<script> 
document.getElementByld("ctype”).innerHTML = 
typeof null; 


</script> 


constructor Property 


<p id="constr"></p> 
<script> 
document.getElementByld("constr").innerHTML = 
"john".constructor 


</script> 
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function String() { [native code] } 
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Bs/Ulesi7e-native codevifsu” ¥ strings 


Lb > 


String() $ 
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<script> 
document.getElementByld("constr").innerHTML = 
(3.14).constructor 


</script> 


function Number() { [native code] } 
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<script> 
document.getElementByld("constr").innerHTML = 
false.constructor 


</script> 


function Boolean() { [native code] } 


bu 6 Array Sie ieb usic Array il fly 


<p id="constr"></p> 
document.getElementByld("constr").innerHTML = 


[1,2,3,4].constructor 


</script> 


function Array() { [native code] } 


be wy object Ut ee se objectivlx 
<p id="constr"></p> 


<script> 
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<script> | 
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document.getElementByld("constr").innerHTML = 
{name:'john’, age:34}.constructor 


</script> 


function Object() { [native code] } 
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Hn bos & Date ry objectllin Aire yo Lit new Date()— “zlx 


~< te wk’ Date 
<p id="constr"></p> 
document.getElementByld("constr").innerHTML = 


new Date().constructor 


</script> 


function Date() { [native code] } 
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<p id="constr"></p> 


<script> 
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<script> | 
| 


[ 
| 
L 


www.igbalkalmati.blogspot.com: SPLUSL pee 2a 


www.iqbalkalmati.blogspot.com 
VaVaoUIpUME YUU SS OLY aviee Heb 


[a a a aa ee a a A a A A ET a A BE aT A BT Oa a 


document.getElementByld("constr").innerHTML = 
function () §.constructor 


</script> | 


function Function() { [native code] } 
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<p id="numstr"></p> 


(HENS SPAT alee EN aE OE scripth fal 


av 


ES numstrl “i «d_ 4 Jui document.getElementBY Id 


br sit xed nL Hy String ciZ JinnerHTMLE Pet loiies 


-- UU wutestring— Srey 5 string od ral Xela 
<script> 
var x = 123; 
document.getElementByld("numstr").innerHTML = String(x); 


</script> 
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<p id="numstr"></p> 
<script> 
document.getElementByld("numstr").innerHTML = String(123); 


</script> 
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<p id="numstr"></p> 
<script> 
document.getElementByld("numstr").innerHTML = String(100 + 23); 


</script> 
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var date = new Date (); 


document.write (date); 
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document.write (date); 
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documentwrite( d ); 
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var date = new Date (); 
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var date = new Date ( ); 
var year = date.getFullYear ( ); 


document.write (year); 
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var time = new Date ( ); 
var hour = time.getHours( ); 


document.write( hour + +sort ); 
if (hour < 12)f 
sort = "AM"; 
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var time = new Date ( ); 
var hour = time.getHours( ); 
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var minute = time.getMinutes(); 
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if (second < 10){ 


second="0"+second; 
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screen.width 


<p id="demo"><p> 
<script> 
document.getElementByld("demo").innerHTML = "Screen Width: 
screen.width; 


</script> 


Screen Width: 1280 


screen.height 
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<script> 
document.getElementByld("demo").innerHTML = "Screen Height: " 
screen.height; 


</script> 
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screen.availHeight 
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<script> 
document.getElementByld("demo").innerHTML = "Available Screen Height: " 
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</script> 
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</script> 


Screen Color Depth: 24 


screen.pixelDepth 
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<p id="demo"><p> 
<script> 
document.getElementByld("demo").innerHTML = 
"Page location is " + window.location.href; 


</script> 


Page location is 
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window.location.hostname 
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document.getElementByld("demo").innerHTML = 
"Page hostname is " + window.location.hostname; 


</script> 


Page hostname is 


window.location.pathname 
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<script> 
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<p id="demo"><p> 


<script> 
document.getElementByld("demo").innerHTML = 


"Page protocol is " + window.location.protocol; 


</script> 


Page protocol is file: fttp:// 
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function goBack() { 
window.history.back() 
} 
</script> 


<input type="button" value="Back" onclick="goBack()"> 
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history.forward( ) 


<script> 
function goForward() { 
window.history.forward() 
} 
</script> 
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<p id="demo"><p> 
<script> 
document.getElementByld("demo").innerHTML = 


"Cookies Enabled is " + navigator.cookieEnabled; 


</script> 


Cookies enabled is true 
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<script> 
document.getElementByld("demo").innerHTML = "Name is " + 


navigator.appName + ". Code name is " + navigator.appCodeName; 


Name is Netscape 
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<p id="demo"><p> 
<script> 
document.getElementByld("demo").innerHTML = navigator.product; 


</script> 


Browser engine is Gecko 
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<p id="demo"><p> 
<script> 
document.getElementByld("demo").innerHTML = navigator.appVersion; 


</script> 


5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like 
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<p id="demo"><p> 
<script> 
document.getElementByld("demo").innerHTML = navigator.userAgent; 
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Win32 
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<script> 


</script> 


Java enabled is true 
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alert("Hello"); 
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Clock 


Prevent this page from creating additional dialogs. 


var time = new Date (); 
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var hour = time.getHours(); 


var min = time.getMinutes(); 


document.write ("Current time is: "+"<b>"+hour+":"+min+": 


'+sect"</b>"); 


</script> 
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var time = new Date (); 
var hour = time.getHours(); 
var min = time.getMinutes(); 


var sec = time.getSeconds(); 


document.write ("Current time is: "+"<b>"+hour+": "+min+":" +" sec "+" 


"+sort+"</b>"); 
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sec="0"+sec; 
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var time = new Date (); 
var hour = time.getHours(); 
var min = time.getMinutes(); 


var sec = time.getSeconds(); 


function myTime() { 


Cr Cra) 


document.write ("Current time is: "+"<b>"+hour+": "+min+":" +" sec "+" 


"+sort+"</b>"); 


if (hour<12){ 
sort="AM"; 
} else{sort="PM"3} 


if(hour>1 2){ 
hour=hour-12; 


} 
if (min<10) 
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r 
| min="0"+min; 
} 
if (sec<10){ 
sec="0"+sec; 
} 

} 


<div id="clock"></div> 


<script> 


var myVar = setinterval(function(){myTime()}, 1000); 
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function myTime() { 
var d = new Date(); 


document.getElementByld ("clock").innerHTML = 


} 


d.toLocaleTimeString(): | 
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simyTime() bre sty aaa tom Pr eetinterval(;2_%d ‘wae 
ie ptLmyTime() Liye PAL SBE BEE pele Ure KG 31000 
See ey eel new nti: Ata, tL db Fry ME 

GL Fidei Ui document. getElementBYld)i fal ALD TR 


Ld iriver Y innerHTMLE « PL SSA tL Slee rtZclocky* 
le inst connect “\-<toLocaleTimeString();< / concatenate - WU key fs! 


be oe oh 


JK rl 
Hyer so) 


6:45:33 AM 


Se be erits oA Ge UE Nw CSSU Aol! 
urs ELL stylefi/6 CSS 


#clock { background:red; color:yellow; width:82px; font-family:arial; 
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<INPUT TYPE="button” NAME="one" VALUE= "1" OnClick="Calc.Input.value += '1' "> 


<INPUT TYPE="button" NAME="three” VALUE= "3" OnClick="Calc.Input.value += '3' "> 
<INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += '+' "> 
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<INPUT TYPE="button” NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4' "> 
<INPUT TYPE="button” NAME="five” VALUE=" 5 " OnCLick="Calc.Input.value += '5' "> 
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<INPUT TYPE="button” NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9' "> 


<INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * ' 


| | 


a 
N 


i. 


www.igqbalkalmati.blogspot.com: Sensi £2 tr sf 


www.iqbalkalmati.blogspot.com 
Vavaoulpumt yviuU RN LY viee Heb 


<br> 


(fv lyase ba bi Li KIL wE td te UV ta LINE UE ee & bro (Hcy q 


PAP) ee a ae Tere 
-Ly hy iaiveees bey be P| Sl 


eval(Calc.Input. value)"'> 


LANE eval) HL sitar La ar tin tL doitus Ata 


wey af Cale input.valuefisi£ y Le teh Gf math equations, & 


- (; bids 5, 0(S me Sa 
both Se beth k AZ iat had Dor Fee ole 


<INPUT TYPE="button" NAME="div" VALUE=" /" OnClick="Calc.Input.value += '/' "> 


ee HA be ne Wb tL clearL ail 


www.iqbalkalmati.blogspot.com 
VAVGSUIIPLME UU KR LY evicg Hae 


Temperature Convertor 


/\Fahrenheit#U: U~ Ae Je uf “tt: Temperature Convertors: Bo Tk A 
open 26 Math.round() iA enon “bY Lu Convertt= — -tis Celsius 


fake "Celsius be tub Celsius Fahrenheit: ob een 


-< txt Fahrenheit 


cee terns 


= 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
— 


www.iqbalkalmati.blogspot.com:U/2 4012 £2 447 


www.iqbalkalmati.blogspot.com 
VaVaSUIpPUME YUU KN OLY aviee Heb 


eee 8 ON eo ee 


1 Fahrenheit = -17.2222 Clesius 
1 Clesius = 33.8 Fahrenheit 


<input id="c" onkeyup="convert('C’)">Celsius</br></br> 


<input id="f" onkeyup="c onvert('F')">Fahrenheit 


& sh ae a lee Srused Ste ay ig 


Sid ‘Zt input box 


> 


Lfx aL crslfh saa bse seh kk 


~Z 323098 tL tip convert 


<script> 


function convert(degree) { 


F = document.getElementByld("c").value * 9/5 + 32; 


document.getElementByld("f").value = Math.round(F); 
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</script> 
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